草庐IT

HTML5 pushstate 和 SEO 链接

全部标签

javascript - Safari 画中画 - 自定义 HTML5 视频 Controller

带有画中画(PiP)的SafariHTML5自定义视频Controller在WWDC15上,Apple推出了Safari9(适用于MacOS的Safari10),现在支持画中画。然而,他们只是说:IfyouusecustomHTML5videocontrols,youcanaddPictureinPicturefunctionalityusingtheJavaScriptpresentationmodeAPI.但没有说明如何或在哪里可以找到它的文档。默认视频Controller有按钮,但我如何通过javascript触发它? 最佳答案

javascript - 如何使用 phantomjs 呈现 html 元素

我想将图像保存在代码中指定的div中。但是使用下面的代码我正在渲染其他部分。这是正确的方法吗?我只是phantomjs的初学者。所以请帮忙。varpage=require('webpage').create();page.open("http://n1k0.github.io/casperjs/#phantom_Casper_captureSelector",function(status){if(status!=='success'){console.log('Unabletoloadtheaddress!');}else{varclipRect=page.evaluate(func

javascript - 使用 2d html5Canvas 和 ctx.rotate 函数沿其面向的方向移动对象

标题说明了一切,我正在尝试根据物体所在的Angular向前移动物体。这是我的相关代码:xView=this.x-this.width/2;yView=this.y-this.height/2;playerCtx.drawImage(imgSprite,0,0,this.width,this.height,xView,yView,this.width,this.height);playerCtx.save();playerCtx.clearRect(0,0,game.width,game.height);playerCtx.translate(xView,yView);playerCtx

javascript - 使用 jQuery 从 HTML 中删除数据属性

似乎无法让这个工作...我有一个隐藏某些链接的页面。加载DOM后,我使用jQuery切换其中一些元素。这是通过使用如下数据属性驱动的:然后,我有代码:$.each($(".d_btn"),function(){varbtn=$(this).data('usr');if(btn=='48'){$(this).children('.hidden_button').toggle();}以上所有工作都按计划进行。问题是,一旦评估了if语句,我就试图从类.d_btn中删除data-usr。我已经尝试了以下但没有任何效果(即,在页面加载后,源代码仍然显示data-usr属性:$(this).rem

javascript - 如何在 Angular UI Bootstrap Pagination 中生成链接

我一直在继续学习angular,现在已经成功地使用了angularuibootstrap分页。我能够显示项目列表以及正确的页数。每当我点击分页时,也会切换到正确的页面。现在我的问题是,如果用户想要为某个页面添加书签,或者确保用户在刷新浏览器时都停留在同一页面上,我该怎么做。浏览器的地址栏上没有生成任何链接(href)。我还需要设置路线吗?能否请您发布一些示例,因为它会对我有很大帮助。谢谢。 最佳答案 你需要设置路线,你可以使用routeProvider来完成或uirouter在这个例子中,我使用路由提供者来演示,但是思路是一样的。这

javascript - 如何在 d3 云中创建每个单词的链接?

我正在使用D3Cloud构建词云。这是示例代码:varfill=d3.scale.category20();d3.layout.cloud().size([300,300]).words(["This","is","some","random","text"].map(function(d){return{text:d,size:10+Math.random()*90};})).padding(5).rotate(function(){return~~(Math.random()*2)*90;}).font("Impact").fontSize(function(d){returnd.

javascript - 使用 safari 在 Canvas 中绘制包含 html 的 svg

我正在尝试为网站创建一些动态创建页面的缩略图,我找到了一个解决方案,方法是在svg中添加html,然后我在Canvas内的图像上绘制图像,然后在绘制图像后调整大小.此解决方案适用于firefox和chrome,但不适用于safari,svg似乎没有绘制我只是得到一个空白页面。即使我trycatch并且我在网上找不到解决方案,我也没有收到任何错误。我的html只是一个带有Canvas的基本测试页面,我试图在头部添加一个meta标签但是也没用。这是我写的代码:varcanvas=document.getElementById('canvasTest'),context=canvas.get

javascript - 禁用与原型(prototype)观察方法的链接

我想创建一个这样的链接:text并替换行为,以便链接在单击时使用Ajax下载内容。对我来说重要的是不要替换href属性(因此复制链接仍然有效)。一个解决方案是:$('link').onclick=function(){returnfalse;};但我想使用.observe方法。但这不起作用:$('link').observe('click',function(){returnfalse;});(这很符合逻辑)。关于如何实现这一点有什么想法吗?谢谢。 最佳答案 你必须使用事件对象来实现原型(prototype)。$('link').o

javascript - 选择后插入 HTML

我希望能够双击以选择div中的一些文本,然后触发一个JavaScript函数在所选文本之后插入一些HTML,就像GoogleWave中的“编辑/回复”功能一样。我已经确定了如何在双击时触发一个函数,它正在定位选择并随后在它之后插入HTML,这就是问题所在。 最佳答案 以下函数将在所有主流浏览器中选择的末尾插入一个DOM节点(元素或文本节点)(请注意,Firefox现在默认允许多选;以下仅使用第一个选择):functioninsertNodeAfterSelection(node){varsel,range,html;if(windo

javascript - JointJs - onConnect 链接事件

我正在尝试创建一个板,用户可以在其中动态添加block并将block与链接连接起来。(类似this但动态)我正在使用JointJs框架,到目前为止一切都按预期工作,但我需要在用户连接两个block时显示一些信息。我的问题是在连接block时找不到要处理的事件。我查看了thisquestion但在我的示例中,我没有链接实例来附加事件。Here你可以看看我的例子下面是block是如何添加到板上的。text属性中的ma​​gnet:true使文本可连接。我真的需要一些帮助来找到要在链接连接时处理的事件。varrect=newjoint.shapes.basic.newRect({positi